html,
body{
    display: flex;
    display: -webkit-flex;
    height: 100%;
    width: 100%;
    align-items: center;
}
.welcome{
    display: flex;
    display: -webkit-flex;
    align-items: left;
    padding-left: 20%;
    justify-content: center;
    flex-direction: column;
}
.create-account{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: absolute;
    right: -100px;
    background-color: red;
    width: 200px;
    height: 200px;
    /*border-radius: 50%;*/
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    transition: width 1s;
    -webkit-transition: width 1s, height 1s;
}
.create-account .title{
    display: flex;
    display: -webkit-flex;
    margin-left: 50px;
    color: #fff;
}



.create-animate{
    border-radius: 0;
    height: 100%;
    width: 100%;
    right: 0;
}

